<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>系统问诊单</title>
    <base href="{$BASE_URL}" />
    <style>
        body {
            font-family: PingFangSC-Regular;
        }

        * {
            margin: 0;
            padding: 0;
        }

        .container {
            /* padding: .52rem .40rem .70rem; */
            padding: 26px 20px 35px;
        }

        h1 {
            /* font-size: 0.6rem; */
            font-size: 30px;
            line-height: 24px;
            font-weight: normal;
            font-family: PingFangSC-Medium;
            margin-bottom: 35px;
            /* margin-bottom: 0.7rem; */
        }

        .search {
            border-radius: 8px;
            background-color: rgba(245, 245, 245, 1);
            /* height: 0.42rem; */
            height: 21px;
            padding: 6px 8px;
            /* padding: 0.11rem 0.15rem; */
            display: flex;
            margin-bottom: 25px;
            /* margin-bottom: 0.5rem; */
        }

        .search .input {
            flex: 1;
            font-size: 14px;
            /* font-size: .28rem; */
            border: 0 none;
            width: 100%;
            line-height: 20px;
            /* line-height: .4rem; */
            background-color: rgba(245, 245, 245, 1);
            outline: 0 none;
            padding-left: 5px;
            /* padding-left: 0.1rem; */
        }

        .search .search-btn {
            width: 20px;
            height: 20px;
            /* width: 0.4rem; */
            /* height: 0.4rem; */
        }

        .surveyList {
            list-style: none;
        }

        .surveyList li {
            border-bottom: 1px solid #E3E3E3;
        }

        .surveyList a {
            display: block;
            padding: 9px 0 16px 0;
            /* padding: 0.18rem 0 0.32rem 0; */
            text-decoration: none;
        }

        .space-between {
            display: flex;
            justify-content: space-between;
        }

        .space-between .title {
            font-size: 17px;
            /* font-size: 0.34rem; */
            color: #000;
        }

        .space-between .tag {
            box-sizing: border-box;
            width: 60px;
            /* width: 1.12rem; */
            padding: 2px 16px;
            /* padding: 0.04rem 0.32rem; */
            /* height: 0.4rem; */
            height: 20px;
            line-height: 17px;
            /* line-height: .34rem; */
            border-radius: 4px;
            /* border-radius: 0.08rem; */
            background-color: rgba(132, 211, 191, 1);
            color: #fff;
            font-size: 12px;
            /* font-size: 0.24rem; */
            text-align: center;
        }

        .txt {
            color: rgba(155, 155, 155, 1);
            font-size: 14px;
            /* font-size: .28rem; */
            margin-top: 0.12rem;
        }

        .question-count {
            color: #FF6E6E;
        }
    </style>
</head>

<!-- <script>
    (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                if (clientWidth >= 640) {
                    docEl.style.fontSize = '100px';
                } else {
                    docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
                }
            };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
</script> -->

<body>
    <div class="container">
        <h1>系统问诊单</h1>
        <!-- <div class="search">
            <img class="search-btn" src="" alt="">
            <input type="text" class="input" placeholder="搜索问诊单名称">
        </div> -->
        <ul class="surveyList">
            <li>
                <a href="/weixin/index/survey?gender=male">
                    <div class="space-between">
                        <span class="title">男性问诊单</span>
                        <span class="tag">通用</span>
                    </div>
                    <p class="txt">适合男性使用的问诊单，共
                        <span class="question-count">18</span>题</p>
                </a>
            </li>
            <li>
                <a href="/weixin/index/survey?gender=female">
                    <div class="space-between">
                        <span class="title">女性问诊单</span>
                        <span class="tag">通用</span>
                    </div>
                    <p class="txt">适合女性使用的问诊单，共
                        <span class="question-count">23</span>题</p>
                </a>
            </li>
        </ul>
    </div>
</body>

</html>